<template name="cardFair">
	<view class="block">
		<view class="title">
			<image :src="reciveAllzhao.companyIcon" class="logo"></image>
			<view class="name">{{reciveAllzhao.companyName}}</view>
			<image class="collection" src="../static/shoucang-no.png" v-show="showUpImg" @click="changeImg" mode="heightFix"></image>
			<image class="collection" src="../static/shoucang-y.png" v-show="!showUpImg" @click="changeImg" mode="heightFix"></image>
		</view>
		<view class="info">宣讲地点：{{reciveAllzhao.location}}</view>
		<view class="info">宣讲时间：{{reciveAllzhao.fairTime}}</view>
	</view>
</template>

<script>
	export default {
		name:"cardFair",
		props:["reciveAllzhao"],
		data() {
			return {
				showUpImg:true,
			};
		},
		methods:{
			changeImg:function(){
				this.showUpImg = !this.showUpImg
			}
		}
	}
</script>

<style>
.block{
	position:relative;//定位方式,相对定位
	margin: 5rpx 25rpx 25rpx 25rpx;
	border-radius: 25rpx;
	border: 1px solid #e6e6e6;
	height: 200rpx;
	padding: 3%;
	background-color: #FFFFFF;
}
.title{
	display: flex;
	flex-direction: row;
	font-weight: bold;
	margin-bottom: 5rpx;
}
.name{
	margin-top: 15rpx;
	width: 75rpx !important;
}
.logo{
	width: 75rpx;
	height: 75rpx;	
	margin-right: 20rpx;
}
.info{
	margin-top: 5rpx;
	font-size: small;
}
.collection{
	height: 40rpx;
	margin-left: 420rpx;
}
</style>
